@extends('layout.master')

@section('title', '后台管理系统')

@section('content')

<body class="panel-noscroll">

<div class="easyui-layout" data-options="fit:true">

    <div data-options="iconCls:'icon-save',collapsible:true,region:'north'" style="height: 95px;" title="搜索条件">

        <form action="" id="form">

            <table style="width:100%">

                <tr>

                    <td style="width:6%" class="center">角色名称：</td>

                    <td style="width:19%"><input class="easyui-textbox sjbt" name="dhmc" style="width:100%;height:32px" prompt="请输入代号名称"></td>

                </tr>

            </table>

            <div class="toolbar">

                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="saverole()">保存</a>

                {{-- <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut'"  onclick="$api.delete_role()">删除角色</a> --}}

            </div>

        </form>

    </div>

    <div data-options="iconCls:'icon-save',collapsible:true,region:'center'" style="height: 100%;position: relative" title="搜索结果">

        <div class="easyui-layout" data-options="fit:true">

            <div data-options="region:'west',split:true" style="width:30%;overflow: hidden">

                <table style="width:100%;height:100%" id="dg">
                    <thead>
                    <tr>
                        <th data-options="field:'ck',checkbox:true"></th>

                        <th data-options="field:'role_name',width:320,align: 'center', title: '角色名'"></th>

                    </tr>

                    </thead>

                </table>

            </div>

            <div data-options="region:'center'" style="width: 70%;">

                <ul class="easyui-tree" style="width: 50px;" id="tt" data-options="checkbox:true"></ul>

            </div>

{{--            <div data-options="region:'east'" style="width: 35%;overflow:hidden;">--}}

{{--                <table id="dg2">--}}

{{--                    <thead>--}}

{{--                    <tr>--}}

{{--                        <th data-options="field:'ck',checkbox:true"></th>--}}

{{--                        <th data-options="field:'name',width:230,align: 'center', title: '按钮路径'"></th>--}}

{{--                        <th data-options="field:'title',width:230,align: 'center', title: '按钮名称'"></th>--}}

{{--                    </tr>--}}

{{--                    </thead>--}}

{{--                </table>--}}

{{--            </div>--}}

        </div>

    </div>



</div>

<script>

    function saverole(){

        let sel1 = $("#dg").datagrid('getSelected');

        if(!sel1) $api.infoDialog("请至少一个角色后再保存");

        if($api.addrole.length==0) { $api.infoDialog('请至少勾选一个权限后再保存') }

        $.get($api.url+'addroleauth',{"role_id":sel1.role_id, "auth_ids":$api.addrole},res=> $api.infoDialog("保存成功"));

    }

    $api.myDataGird({url: $api.url +'iroleList', obj: '#dg',plainBtn:true,onClickRow:function (index,row) {

        $.get($api.url+"getauth",{role_id:row.role_id},res=> {

            $api.gettree(3,res);

            console.log(res);

        })

        // $.get($api.url+'getrolebtnlist',{"role_id":row.role_id},res=>{

        //     console.log(res);

        // },'json');

    }});

    // $api.myDataGird({url: $api.url +'rolebtnlist', obj: '#dg2',plainBtn:true,singleSelect:false,onClickRow:function (index,row) {

    //

    // }});

</script>

</body>

@endsection

